<!DOCTYPE html>
<html>

<head>
    <title>生产看板</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="css/page.css" type="text/css" rel="stylesheet" />
    <link href="css/styles.css" type="text/css" rel="stylesheet" />
    <link href="css/dashboard.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js"></script>
    <script src="https://unpkg.com/vue@2.5.17/dist/vue.min.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>

<body>
    <div id="base">
        <template>
            <!-- Unnamed (组 合) -->
            <div id="u3686" class="ax_default" data-left="0" data-top="15" data-width="1890" data-height="1000">

                <!-- Unnamed (形状) -->
                <div id="u3687" class="compound ax_default line" data-height="231" data-width="456" CompoundMode="true">
                    <img id="u3687_img" class="singleImg img " src="images/u3687.svg" />
                    <div id="u3687p000" class="ax_vector_shape" WidgetTopLeftX="0.565116279069767"
                        WidgetTopLeftY="0.166666666666667" WidgetTopRightX="-0.495348837209302"
                        WidgetTopRightY="0.166666666666667" WidgetBottomLeftX="0.565116279069767"
                        WidgetBottomLeftY="-38.3333333333333" WidgetBottomRightX="-0.495348837209302"
                        WidgetBottomRightY="-38.3333333333333">
                        <img id="u3687p000_img" class="img " src="images/u3687p000.png" />
                    </div>
                    <div id="u3687p001" class="ax_vector_shape" WidgetTopLeftX="-0.0656473458140145"
                        WidgetTopLeftY="4.10063312140944" WidgetTopRightX="-5.93340804773016"
                        WidgetTopRightY="-52.3783736148725" WidgetBottomLeftX="3.23563062890287"
                        WidgetBottomLeftY="-21.6608952234066" WidgetBottomRightX="-2.63213007301327"
                        WidgetBottomRightY="-78.1399019596886">
                        <img id="u3687p001_img" class="img " src="images/u3687p001.png" />
                    </div>
                    <div id="u3687p002" class="ax_vector_shape" WidgetTopLeftX="-0.6875" WidgetTopLeftY="0"
                        WidgetTopRightX="-0.6875" WidgetTopRightY="-76" WidgetBottomLeftX="0.625" WidgetBottomLeftY="0"
                        WidgetBottomRightX="0.625" WidgetBottomRightY="-76">
                        <img id="u3687p002_img" class="img " src="images/u3687p002.png" />
                    </div>
                    <div id="u3687p003" class="ax_vector_shape" WidgetTopLeftX="-3.35086443531879"
                        WidgetTopLeftY="-27.1206285724436" WidgetTopRightX="4.81579246569633"
                        WidgetTopRightY="-73.9109006971936" WidgetBottomLeftX="-0.118641689859083"
                        WidgetBottomLeftY="3.2177854414152" WidgetBottomRightX="8.04801521115603"
                        WidgetBottomRightY="-43.5724866833348">
                        <img id="u3687p003_img" class="img " src="images/u3687p003.png" />
                    </div>
                    <div id="u3687_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (线) -->
                <div id="u3688" class="ax_default line">
                    <img id="u3688_img" class="img " src="images/u3688.svg" />
                    <div id="u3688_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3689" class="compound ax_default line" data-height="180" data-width="35" CompoundMode="true">
                    <img id="u3689_img" class="singleImg img " src="images/u3689.svg" />
                    <div id="u3689p000" class="ax_vector_shape" WidgetTopLeftX="0.070436278910928"
                        WidgetTopLeftY="3.73634266857597" WidgetTopRightX="-0.48813779419666"
                        WidgetTopRightY="-0.0132517212621724" WidgetBottomLeftX="2.48088981523545"
                        WidgetBottomLeftY="-19.2449906249934" WidgetBottomRightX="1.92231574212786"
                        WidgetBottomRightY="-22.9945850148315">
                        <img id="u3689p000_img" class="img " src="images/u3689p000.png" />
                    </div>
                    <div id="u3689p001" class="ax_vector_shape" WidgetTopLeftX="-0.664556962025316"
                        WidgetTopLeftY="0.333333333333333" WidgetTopRightX="-0.664556962025316" WidgetTopRightY="-5.5"
                        WidgetBottomLeftX="0.474683544303797" WidgetBottomLeftY="0.333333333333333"
                        WidgetBottomRightX="0.474683544303797" WidgetBottomRightY="-5.5">
                        <img id="u3689p001_img" class="img " src="images/u3689p001.png" />
                    </div>
                    <div id="u3689_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u3690" class="ax_default ellipse">
                    <img id="u3690_img" class="img " src="images/u3690.svg" />
                    <div id="u3690_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3691" class="compound ax_default line" data-height="31" data-width="188" CompoundMode="true">
                    <img id="u3691_img" class="singleImg img " src="images/u3691.svg" />
                    <div id="u3691p000" class="ax_vector_shape" WidgetTopLeftX="-0.446049620981793"
                        WidgetTopLeftY="-0.00149607028849156" WidgetTopRightX="2.54296115954873"
                        WidgetTopRightY="-21.3707780189134" WidgetBottomLeftX="0.0135579694951078"
                        WidgetBottomLeftY="3.77716472141056" WidgetBottomRightX="3.00256875002563"
                        WidgetBottomRightY="-17.5921172272144">
                        <img id="u3691p000_img" class="img " src="images/u3691p000.png" />
                    </div>
                    <div id="u3691p001" class="ax_vector_shape" WidgetTopLeftX="-0.656626506024096"
                        WidgetTopLeftY="-4.66666666666667" WidgetTopRightX="0.475903614457831"
                        WidgetTopRightY="-4.66666666666667" WidgetBottomLeftX="-0.656626506024096"
                        WidgetBottomLeftY="0.5" WidgetBottomRightX="0.475903614457831" WidgetBottomRightY="0.5">
                        <img id="u3691p001_img" class="img " src="images/u3691p001.png" />
                    </div>
                    <div id="u3691_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u3692" class="ax_default ellipse">
                    <img id="u3692_img" class="img " src="images/u3690.svg" />
                    <div id="u3692_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3693" class="compound ax_default line" data-height="231" data-width="456" CompoundMode="true">
                    <img id="u3693_img" class="singleImg img " src="images/u3693.svg" />
                    <div id="u3693p000" class="ax_vector_shape" WidgetTopLeftX="0.490514015544529"
                        WidgetTopLeftY="-0.327496681337015" WidgetTopRightX="-0.480137228749992"
                        WidgetTopRightY="0.536481985900641" WidgetBottomLeftX="0.447494834829339"
                        WidgetBottomLeftY="-5.330126578276" WidgetBottomRightX="-0.523156409465182"
                        WidgetBottomRightY="-4.46614791103834">
                        <img id="u3693p000_img" class="img " src="images/u3693p000.png" />
                    </div>
                    <div id="u3693p001" class="ax_vector_shape" WidgetTopLeftX="0.304347919195548"
                        WidgetTopLeftY="-11.7421398468916" WidgetTopRightX="0.647300400245285"
                        WidgetTopRightY="-0.482492764107029" WidgetBottomLeftX="-0.792555959061552"
                        WidgetBottomLeftY="-10.8387308112843" WidgetBottomRightX="-0.449603478011815"
                        WidgetBottomRightY="0.420916271500305">
                        <img id="u3693p001_img" class="img " src="images/u3693p001.png" />
                    </div>
                    <div id="u3693_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (线) -->
                <div id="u3694" class="ax_default line">
                    <img id="u3694_img" class="img " src="images/u3688.svg" />
                    <div id="u3694_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3695" class="compound ax_default line" data-height="174" data-width="30" CompoundMode="true">
                    <img id="u3695_img" class="singleImg img " src="images/u3695.svg" />
                    <div id="u3695p000" class="ax_vector_shape" WidgetTopLeftX="-0.47983380128069"
                        WidgetTopLeftY="0.130728412030739" WidgetTopRightX="0.0861983838863892"
                        WidgetTopRightY="-3.1495667329218" WidgetBottomLeftX="2.37402297482802"
                        WidgetBottomLeftY="22.0173062384911" WidgetBottomRightX="2.9400551599951"
                        WidgetBottomRightY="18.7370110935386">
                        <img id="u3695p000_img" class="img " src="images/u3695p000.png" />
                    </div>
                    <div id="u3695p001" class="ax_vector_shape" WidgetTopLeftX="-0.628205128205128"
                        WidgetTopLeftY="4.83333333333333" WidgetTopRightX="-0.628205128205128"
                        WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="0.487179487179487"
                        WidgetBottomLeftY="4.83333333333333" WidgetBottomRightX="0.487179487179487"
                        WidgetBottomRightY="-0.166666666666667">
                        <img id="u3695p001_img" class="img " src="images/u3695p001.png" />
                    </div>
                    <div id="u3695_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u3696" class="ax_default ellipse">
                    <img id="u3696_img" class="img " src="images/u3690.svg" />
                    <div id="u3696_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3697" class="ax_default line">
                    <img id="u3697_img" class="img " src="images/u3697.svg" />
                    <div id="u3697_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (椭圆形) -->
                <div id="u3698" class="ax_default ellipse">
                    <img id="u3698_img" class="img " src="images/u3690.svg" />
                    <div id="u3698_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (平行四边形) -->
                <div id="u3699" class="ax_default line">
                    <img id="u3699_img" class="img " src="images/u3699.svg" />
                    <div id="u3699_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (平行四边形) -->
                <div id="u3700" class="ax_default line">
                    <img id="u3700_img" class="img " src="images/u3700.svg" />
                    <div id="u3700_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (平行四边形) -->
                <div id="u3701" class="ax_default line">
                    <img id="u3701_img" class="img " src="images/u3700.svg" />
                    <div id="u3701_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (平行四边形) -->
                <div id="u3702" class="ax_default line">
                    <img id="u3702_img" class="img " src="images/u3700.svg" />
                    <div id="u3702_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (平行四边形) -->
                <div id="u3703" class="ax_default line">
                    <img id="u3703_img" class="img " src="images/u3700.svg" />
                    <div id="u3703_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (平行四边形) -->
                <div id="u3704" class="ax_default line">
                    <img id="u3704_img" class="img " src="images/u3700.svg" />
                    <div id="u3704_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (平行四边形) -->
                <div id="u3705" class="ax_default line">
                    <img id="u3705_img" class="img " src="images/u3700.svg" />
                    <div id="u3705_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- 符号 (平行四边形) -->
                <div id="u3706" class="ax_default line" data-label="符号">
                    <img id="u3706_img" class="img " src="images/u3699.svg" />
                    <div id="u3706_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3707" class="ax_default box_2">
                    <div id="u3707_div" class=""></div>
                    <div id="u3707_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3708" class="ax_default line">
                    <img id="u3708_img" class="img " src="images/u3708.svg" />
                    <div id="u3708_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (线) -->
                <div id="u3709" class="ax_default line">
                    <img id="u3709_img" class="img " src="images/u3709.svg" />
                    <div id="u3709_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3710" class="ax_default line">
                    <img id="u3710_img" class="img " src="images/u3708.svg" />
                    <div id="u3710_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (线) -->
                <div id="u3711" class="ax_default line">
                    <img id="u3711_img" class="img " src="images/u3709.svg" />
                    <div id="u3711_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3712" class="ax_default _文本段落">
                    <div id="u3712_div" class=""></div>
                    <div id="u3712_text" class="text ">
                        <p><span style="text-decoration:none;">湘潭天汽模MES系统生产看板</span></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3713" class="compound ax_default line" data-height="949" data-width="638" CompoundMode="true">
                    <img id="u3713_img" class="singleImg img " src="images/u3713.svg" />
                    <div id="u3713p000" class="ax_vector_shape" WidgetTopLeftX="5.60576923076923"
                        WidgetTopLeftY="157.666666666667" WidgetTopRightX="-0.528846153846154"
                        WidgetTopRightY="157.666666666667" WidgetBottomLeftX="5.60576923076923" WidgetBottomLeftY="-0.5"
                        WidgetBottomRightX="-0.528846153846154" WidgetBottomRightY="-0.5">
                        <img id="u3713p000_img" class="img " src="images/u3713p000.png" />
                    </div>
                    <div id="u3713p001" class="ax_vector_shape" WidgetTopLeftX="19.7038024219098"
                        WidgetTopLeftY="48.4368145112785" WidgetTopRightX="11.028146145044"
                        WidgetTopRightY="123.625835577448" WidgetBottomLeftX="6.79910366525527"
                        WidgetBottomLeftY="-63.4039080463937" WidgetBottomRightX="-1.87655261161045"
                        WidgetBottomRightY="11.7851130197758">
                        <img id="u3713p001_img" class="img " src="images/u3713p001.png" />
                    </div>
                    <div id="u3713p002" class="ax_vector_shape" WidgetTopLeftX="0.657534246575342" WidgetTopLeftY="91.6"
                        WidgetTopRightX="-0.799086757990868" WidgetTopRightY="91.6"
                        WidgetBottomLeftX="0.657534246575342" WidgetBottomLeftY="-3.3"
                        WidgetBottomRightX="-0.799086757990868" WidgetBottomRightY="-3.3">
                        <img id="u3713p002_img" class="img " src="images/u3713p002.png" />
                    </div>
                    <div id="u3713p003" class="ax_vector_shape" WidgetTopLeftX="14.0577871046387"
                        WidgetTopLeftY="105.251176235299" WidgetTopRightX="3.75069148171308"
                        WidgetTopRightY="176.402064044791" WidgetBottomLeftX="0.253331769104838"
                        WidgetBottomLeftY="-12.2895636610419" WidgetBottomRightX="-10.0537638538208"
                        WidgetBottomRightY="58.8613241484501">
                        <img id="u3713p003_img" class="img " src="images/u3713p003.png" />
                    </div>
                    <div id="u3713p004" class="ax_vector_shape" WidgetTopLeftX="6.14258652929572"
                        WidgetTopLeftY="-9.72901358186715" WidgetTopRightX="6.22568082263144"
                        WidgetTopRightY="96.5881246697625" WidgetBottomLeftX="-0.938424386401413"
                        WidgetBottomLeftY="-6.96862463037013" WidgetBottomRightX="-0.85533009306569"
                        WidgetBottomRightY="99.3485136212595">
                        <img id="u3713p004_img" class="img " src="images/u3713p004.png" />
                    </div>
                    <div id="u3713p005" class="ax_vector_shape" WidgetTopLeftX="8.29565138273758"
                        WidgetTopLeftY="89.2257209919356" WidgetTopRightX="0.64845140443795"
                        WidgetTopRightY="160.376608801428" WidgetBottomLeftX="-1.94636386620688"
                        WidgetBottomLeftY="-28.3150189044055" WidgetBottomRightX="-9.59356384450651"
                        WidgetBottomRightY="42.8358689050864">
                        <img id="u3713p005_img" class="img " src="images/u3713p005.png" />
                    </div>
                    <div id="u3713p006" class="ax_vector_shape" WidgetTopLeftX="1.28525024271341"
                        WidgetTopLeftY="-1.41614718011573" WidgetTopRightX="1.47770727512055"
                        WidgetTopRightY="11.2487417148275" WidgetBottomLeftX="-1.04625049468168"
                        WidgetBottomLeftY="0.896932957713969" WidgetBottomRightX="-0.853793462274539"
                        WidgetBottomRightY="13.5618218526572">
                        <img id="u3713p006_img" class="img " src="images/u3713p006.png" />
                    </div>
                    <div id="u3713p007" class="ax_vector_shape" WidgetTopLeftX="0.57051282051282"
                        WidgetTopLeftY="-7.83333333333333" WidgetTopRightX="0.57051282051282" WidgetTopRightY="98.5"
                        WidgetBottomLeftX="-2.47115384615385" WidgetBottomLeftY="-7.83333333333333"
                        WidgetBottomRightX="-2.47115384615385" WidgetBottomRightY="98.5">
                        <img id="u3713p007_img" class="img " src="images/u3713p007.png" />
                    </div>
                    <div id="u3713p008" class="ax_vector_shape" WidgetTopLeftX="-0.880086667893503"
                        WidgetTopLeftY="-8.21531313080968" WidgetTopRightX="10.7564932061519"
                        WidgetTopRightY="60.1344360325257" WidgetBottomLeftX="-15.4040257534298"
                        WidgetBottomLeftY="112.947382955842" WidgetBottomRightX="-3.7674458793844"
                        WidgetBottomRightY="181.297132119177">
                        <img id="u3713p008_img" class="img " src="images/u3713p008.png" />
                    </div>
                    <div id="u3713p009" class="ax_vector_shape" WidgetTopLeftX="-0.624561403508772"
                        WidgetTopLeftY="-0.333333333333333" WidgetTopRightX="0.494736842105263"
                        WidgetTopRightY="-0.333333333333333" WidgetBottomLeftX="-0.624561403508772"
                        WidgetBottomLeftY="157.833333333333" WidgetBottomRightX="0.494736842105263"
                        WidgetBottomRightY="157.833333333333">
                        <img id="u3713p009_img" class="img " src="images/u3713p009.png" />
                    </div>
                    <div id="u3713_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (形状) -->
                <div id="u3714" class="compound ax_default line" data-height="949" data-width="1293"
                    CompoundMode="true">
                    <img id="u3714_img" class="singleImg img " src="images/u3714.svg" />
                    <div id="u3714p000" class="ax_vector_shape" WidgetTopLeftX="-1.73309608540925"
                        WidgetTopLeftY="-0.470588235294118" WidgetTopRightX="0.567615658362989"
                        WidgetTopRightY="-0.470588235294118" WidgetBottomLeftX="-1.73309608540925"
                        WidgetBottomLeftY="27.4411764705882" WidgetBottomRightX="0.567615658362989"
                        WidgetBottomRightY="27.4411764705882">
                        <img id="u3714p000_img" class="img " src="images/u3714p000.png" />
                    </div>
                    <div id="u3714p001" class="ax_vector_shape" WidgetTopLeftX="-0.588235294117647"
                        WidgetTopLeftY="208.666666666667" WidgetTopRightX="-0.588235294117647"
                        WidgetTopRightY="-6.83333333333333" WidgetBottomLeftX="2.51307189542484"
                        WidgetBottomLeftY="208.666666666667" WidgetBottomRightX="2.51307189542484"
                        WidgetBottomRightY="-6.83333333333333">
                        <img id="u3714p001_img" class="img " src="images/u3714p001.png" />
                    </div>
                    <div id="u3714p002" class="ax_vector_shape" WidgetTopLeftX="-19.6480135640934"
                        WidgetTopLeftY="98.8648104381156" WidgetTopRightX="-3.63324257505558"
                        WidgetTopRightY="-45.3328352322184" WidgetBottomLeftX="-9.06459780685082"
                        WidgetBottomLeftY="216.405550334457" WidgetBottomRightX="6.95017318218703"
                        WidgetBottomRightY="72.2079046641228">
                        <img id="u3714p002_img" class="img " src="images/u3714p002.png" />
                    </div>
                    <div id="u3714p003" class="ax_vector_shape" WidgetTopLeftX="-1.50837988826816"
                        WidgetTopLeftY="215.333333333333" WidgetTopRightX="-1.50837988826816"
                        WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="1.14245810055866"
                        WidgetBottomLeftY="215.333333333333" WidgetBottomRightX="1.14245810055866"
                        WidgetBottomRightY="-0.166666666666667">
                        <img id="u3714p003_img" class="img " src="images/u3714p003.png" />
                    </div>
                    <div id="u3714p004" class="ax_vector_shape" WidgetTopLeftX="5.13195125882208"
                        WidgetTopLeftY="239.054675314555" WidgetTopRightX="-8.64654685931559"
                        WidgetTopRightY="81.4479526156235" WidgetBottomLeftX="15.9765553656438"
                        WidgetBottomLeftY="131.185268031336" WidgetBottomRightX="2.19805724750618"
                        WidgetBottomRightY="-26.421454667595">
                        <img id="u3714p004_img" class="img " src="images/u3714p004.png" />
                    </div>
                    <div id="u3714p005" class="ax_vector_shape" WidgetTopLeftX="-6.29671733649931"
                        WidgetTopLeftY="206.577188605778" WidgetTopRightX="-6.12831463856343"
                        WidgetTopRightY="-8.88998970042443" WidgetBottomLeftX="0.784293579197822"
                        WidgetBottomLeftY="209.337577557275" WidgetBottomRightX="0.9526962771337"
                        WidgetBottomRightY="-6.12960074892741">
                        <img id="u3714p005_img" class="img " src="images/u3714p005.png" />
                    </div>
                    <div id="u3714p006" class="ax_vector_shape" WidgetTopLeftX="2.80906660347248"
                        WidgetTopLeftY="255.158100863607" WidgetTopRightX="-17.9690428796449"
                        WidgetTopRightY="90.075523371467" WidgetBottomLeftX="20.9834710164702"
                        WidgetBottomLeftY="153.490527264852" WidgetBottomRightX="0.205361533352849"
                        WidgetBottomRightY="-11.5920502272874">
                        <img id="u3714p006_img" class="img " src="images/u3714p006.png" />
                    </div>
                    <div id="u3714p007" class="ax_vector_shape" WidgetTopLeftX="2.35157178729413"
                        WidgetTopLeftY="89.0077705042411" WidgetTopRightX="-0.586617007790449"
                        WidgetTopRightY="91.2643666565819" WidgetBottomLeftX="2.31393011977372"
                        WidgetBottomLeftY="-5.87777576610039" WidgetBottomRightX="-0.624258675310862"
                        WidgetBottomRightY="-3.62117961375964">
                        <img id="u3714p007_img" class="img " src="images/u3714p007.png" />
                    </div>
                    <div id="u3714p008" class="ax_vector_shape" WidgetTopLeftX="-2.64035066846709"
                        WidgetTopLeftY="200.844172587709" WidgetTopRightX="-16.5949615397897"
                        WidgetTopRightY="40.6964626973303" WidgetBottomLeftX="8.73455964408206"
                        WidgetBottomLeftY="95.0100150152826" WidgetBottomRightX="-5.22005122724058"
                        WidgetBottomRightY="-65.1376948750958">
                        <img id="u3714p008_img" class="img " src="images/u3714p008.png" />
                    </div>
                    <div id="u3714p009" class="ax_vector_shape" WidgetTopLeftX="0.493573264781491"
                        WidgetTopLeftY="67.5714285714286" WidgetTopRightX="-1.16838046272494"
                        WidgetTopRightY="67.5714285714286" WidgetBottomLeftX="0.493573264781491"
                        WidgetBottomLeftY="-0.214285714285726" WidgetBottomRightX="-1.16838046272494"
                        WidgetBottomRightY="-0.214285714285714">
                        <img id="u3714p009_img" class="img " src="images/u3714p009.png" />
                    </div>
                    <div id="u3714_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!--工单达成率 -->
                <!-- <div id="u3715" style="position: absolute;left: 1299px;top:136px;width:471px;height:331px;">
                </div> -->
            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3769" class="ax_default" data-left="120" data-top="515" data-width="1662" data-height="425">

                <!-- Unnamed (矩形) -->
                <div id="u3770" class="ax_default box_1">
                    <img id="u3770_img" class="img " src="images/u3770.svg" />
                    <div id="u3770_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3771" class="ax_default box_1">
                    <img id="u3771_img" class="img " src="images/u3771.svg" />
                    <div id="u3771_text" class="text ">
                        <p>
                            <span style="text-decoration:none; float: left;width: 150px;">
                                项目名称
                            </span>
                            <span style="text-decoration:none; float: left;width: 150px;">
                                项目制号
                            </span>
                            <span style="text-decoration:none; float: left;width: 200px;">
                                生产状态
                            </span>
                            <span style="text-decoration:none; float: left;width: 280px;">
                                生产进度
                            </span>
                            <span style="text-decoration:none; float: left;width: 240px;">
                                计划开始日期
                            </span>
                            <span style="text-decoration:none; float: left;width: 240px;">
                                计划完成日期
                            </span>
                            <!-- <span style="text-decoration:none; float: left;width: 135px;">
                                工单总数
                            </span> 
                            <span style="text-decoration:none; float: left;width: 135px;">
                                完工数量
                            </span>-->
                            <span style="text-decoration:none; float: left;width: 100px;">
                                异常数量
                            </span>
                            <span style="text-decoration:none; float: left;width: 150px;">
                                详细进度
                            </span>
                        </p>
                    </div>
                </div>

                <!-- 符号 (矩形) -->
                <div id="u3772" class="ax_default box_1" data-label="符号">
                    <img id="u3772_img" class="img " src="images/符号_u3772.svg" />
                    <div id="u3772_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- 符号 (矩形) -->
                <div id="u3773" class="ax_default box_1" data-label="符号">
                    <img id="u3773_img" class="img " src="images/符号_u3773.svg" />
                    <div id="u3773_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3774" class="ax_default box_1">
                    <img id="u3774_img" class="img " src="images/u3774.svg" />
                    <div id="u3774_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3775" class="ax_default box_1">
                    <img id="u3775_img" class="img " src="images/u3775.svg" />
                    <div id="u3775_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>
            <!-- 数据列表 -->
            <div id="u3777"
                style="position: absolute;left:150px;top:372px;width:1615px;height: 557px;padding: 0;margin: 0;overflow: auto;">
                <table border="0" cellspacing="0">
                    <tr v-for="item in tableData">
                        <td style="width: 160px;">{{ item.xmmc }}</td>
                        <td style="width: 150px;">{{ item.xmzh }}</td>
                        <td style="width: 150px;">
                            <el-tag v-if="item.sczt === '待生产'" type="danger">{{ item.sczt }}</el-tag>
                            <el-tag v-else type="success">{{ item.sczt }}</el-tag>
                        </td>
                        <td style="width: 260px;">
                            <el-progress :text-inside="true" :stroke-width="24" :percentage="item.scjd"
                                style="width: 260px;" :color="customColors"></el-progress>
                        </td>
                        <td style="width: 240px;">{{ item.scjhksrq}}</td>
                        <td style="width: 240px;">{{ item.scjhjsrq }}</td>
                        <td style="width: 100px;">{{ item.scdsl }}</td>
                        <!-- <td style="width: 135px;">{{ item.scdwgsl }}</td>
                        <td style="width: 135px;">{{ item.scdycsl }}</td> -->
                        <td style="width: 150px; padding: 0;">
                            <el-button style="margin: 0;" size="mini" @click=handleDetails(item)>进度</el-button>
                            <el-button style="margin: 0;" size="mini" @click=handlePurchase(item)>采购</el-button>
                        </td>
                    </tr>

                </table>
            </div>

            <!-- 生产异常分布 -->
            <!-- <div id="u3943" style="position: absolute;left: 97px;top: 160px;width: 528px;height: 319px; ">

            </div> -->

            <!-- Unnamed (组 合) -->
            <div id="u3971" class="ax_default" data-left="562" data-top="332" data-width="66" data-height="163">

            </div>

            <!-- Unnamed (组 合) -->
            <div id="u3984" class="ax_default" data-left="699" data-top="152" data-width="152" data-height="113">

                <!-- Unnamed (矩形) -->
                <div id="u3985" class="ax_default box_1">
                    <div id="u3985_div" class=""></div>
                    <div id="u3985_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3986" class="ax_default box_1">
                    <div id="u3986_div" class=""></div>
                    <div id="u3986_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3987" class="ax_default box_1">
                    <div id="u3987_div" class=""></div>
                    <div id="u3987_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3988" class="ax_default box_1">
                    <div id="u3988_div" class=""></div>
                    <div id="u3988_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3989" class="ax_default box_1">
                    <div id="u3989_div" class=""></div>
                    <div id="u3989_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3990" class="ax_default _三级标题">
                <div id="u3990_div" class=""></div>
                <div id="u3990_text" class="text ">
                    <p><span style="text-decoration:none;">在生产订单</span></p>
                </div>
            </div>

            <!-- 在生产单数 -->
            <div id="u3991" class="ax_default _一级标题">
                <div id="u3991_div" class=""></div>
                <div id="u3991_text" class="text ">
                    <p><span style="text-decoration:none;">{{scdd}}</span></p>
                </div>
            </div>

            <!-- Unnamed (组 合) -->
             <div id="u3992" class="ax_default" data-left="886" data-top="152" data-width="152" data-height="113">

                <!-- Unnamed (矩形) -->
                <div id="u3993" class="ax_default box_1" onclick="showDialogWindow('workOrderWindow')">
                    <div id="u3993_div" class=""></div>
                    <div id="u3993_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3994" class="ax_default box_1">
                    <div id="u3994_div" class=""></div>
                    <div id="u3994_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3995" class="ax_default box_1">
                    <div id="u3995_div" class=""></div>
                    <div id="u3995_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3996" class="ax_default box_1">
                    <div id="u3996_div" class=""></div>
                    <div id="u3996_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u3997" class="ax_default box_1">
                    <div id="u3997_div" class=""></div>
                    <div id="u3997_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u3998" class="ax_default _三级标题" onclick="showDialogWindow('PressureWindow')">
                <div id="u3998_div" class=""></div>
                <div id="u3998_text" class="text ">
                    <p><span style="text-decoration:none;">压件/切割</span></p>
                </div>
            </div>

            <!-- 今日工单数 -->
            <div id="u3999" class="ax_default _一级标题" onclick="showDialogWindow('PressureWindow')">
                <div id="u3999_div" class=""></div>
                <div id="u3999_text" class="text ">
                    <p><span style="text-decoration:none;">{{jryj}}/{{jrqg}}</span></p>
                </div>
            </div>


            <!-- Unnamed (组 合) -->
            <div id="u4000" class="ax_default" data-left="1087" data-top="152" data-width="152" data-height="113">

                <!-- Unnamed (矩形) -->
                <div id="u4001" class="ax_default box_1" onclick="showDialogWindow('workOrderDoneWindow')">
                    <div id="u4001_div" class=""></div>
                    <div id="u4001_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u4002" class="ax_default box_1">
                    <div id="u4002_div" class=""></div>
                    <div id="u4002_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u4003" class="ax_default box_1">
                    <div id="u4003_div" class=""></div>
                    <div id="u4003_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u4004" class="ax_default box_1">
                    <div id="u4004_div" class=""></div>
                    <div id="u4004_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>

                <!-- Unnamed (矩形) -->
                <div id="u4005" class="ax_default box_1">
                    <div id="u4005_div" class=""></div>
                    <div id="u4005_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                    </div>
                </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u4006" class="ax_default _三级标题" onclick="showDialogWindow('exceptionNotDoneWindow')">
                <div id="u4006_div" class=""></div>
                <div id="u4006_text" class="text ">
                    <p><span style="text-decoration:none;">异常未完成</span></p>
                </div>
            </div>

            <!-- 今日完工数 -->
            <div id="u4007" class="ax_default _一级标题" onclick="showDialogWindow('exceptionNotDoneWindow')">
                <div id="u4007_div" class=""></div>
                <div id="u4007_text" class="text ">
                    <span v-if="ycwwc >= 1000" style="text-decoration:none;margin-left: -35px;">
                        {{ycwwc}}</span>
                    <span v-else-if="ycwwc >= 100" style="text-decoration:none;margin-left: -15px;">
                        {{ycwwc}}</span>
                    <span v-else-if="ycwwc >= 10" style="text-decoration:none;margin-left: -25px;">
                        {{ycwwc}}</span>
                    <span v-else style="text-decoration:none;">
                        {{ycwwc}}</span>
                </div>
            </div>

            <!-- Unnamed (组 合)
				<div id="u4008" class="ax_default" data-left="698" data-top="336" data-width="152" data-height="113">

					<!-- Unnamed (矩形) -->
            <!-- <div id="u4009" class="ax_default box_1" onclick="showDialogWindow('PressureWindow')">
                <div id="u4009_div" class=""></div>
                <div id="u4009_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div> -->

            <!-- Unnamed (矩形) -->
            <!-- <div id="u4010" class="ax_default box_1">
                <div id="u4010_div" class=""></div>
                <div id="u4010_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div> -->

            <!-- Unnamed (矩形) -->
            <!-- <div id="u4011" class="ax_default box_1">
                <div id="u4011_div" class=""></div>
                <div id="u4011_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div> -->

            <!-- Unnamed (矩形) -->
            <!-- <div id="u4012" class="ax_default box_1">
                <div id="u4012_div" class=""></div>
                <div id="u4012_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div> -->

            <!-- Unnamed (矩形) -->
            <!-- <div id="u4013" class="ax_default box_1">
                <div id="u4013_div" class=""></div>
                <div id="u4013_text" class="text " style="display:none; visibility: hidden">
                    <p></p>
                </div>
            </div> -->
    </div>

    <!-- Unnamed (矩形) -->
    <!-- <div id="u4014" class="ax_default _三级标题" onclick="showDialogWindow('PressureWindow')">
        <div id="u4014_div" class=""></div>
        <div id="u4014_text" class="text ">
            <p><span style="text-decoration:none;">压件/切割</span></p>
        </div>
    </div> -->

    <!-- 今日压件 -->
    <!-- <div id="u4015" class="ax_default _一级标题" onclick="showDialogWindow('PressureWindow')">
        <div id="u4015_div" class=""></div>
        <div id="u4015_text" class="text ">
            <p><span style="text-decoration:none;margin-left: -15px;">{{jryj}}/{{jrqg}}</span></p>
        </div>
    </div> -->

    <!-- Unnamed (组 合) -->
    <!-- <div id="u4016" class="ax_default" data-left="885" data-top="336" data-width="152" data-height="113"> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4017" class="ax_default box_1" onclick="showDialogWindow('exceptionNotDoneWindow')">
            <div id="u4017_div" class=""></div>
            <div id="u4017_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4018" class="ax_default box_1">
            <div id="u4018_div" class=""></div>
            <div id="u4018_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4019" class="ax_default box_1">
            <div id="u4019_div" class=""></div>
            <div id="u4019_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4020" class="ax_default box_1">
            <div id="u4020_div" class=""></div>
            <div id="u4020_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4021" class="ax_default box_1">
            <div id="u4021_div" class=""></div>
            <div id="u4021_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div> -->

    <!-- Unnamed (矩形) -->
    <!-- <div id="u4022" class="ax_default _三级标题" onclick="showDialogWindow('exceptionNotDoneWindow')">
        <div id="u4022_div" class=""></div>
        <div id="u4022_text" class="text ">
            <p><span style="text-decoration:none;">异常未完成</span></p>
        </div>
    </div> -->

    <!-- 异常未处理数 -->
    <!-- <div id="u4023" class="ax_default _一级标题" onclick="showDialogWindow('exceptionNotDoneWindow')">
        <div id="u4023_div" class=""></div>
        <div id="u4023_text" class="text ">
            <p>
                <span v-if="ycwwc >= 1000" style="text-decoration:none;margin-left: -45px;">
                    {{ycwwc}}</span>
                <span v-else-if="ycwwc >= 100" style="text-decoration:none;margin-left: -35px;">
                    {{ycwwc}}</span>
                <span v-else-if="ycwwc >= 10" style="text-decoration:none;margin-left: -25px;">
                    {{ycwwc}}</span>
                <span v-else style="text-decoration:none;">
                    {{ycwwc}}</span>
            </p>
        </div>
    </div> -->

    <!-- Unnamed (组 合) -->
    <!-- <div id="u4024" class="ax_default" data-left="1086" data-top="336" data-width="152" data-height="113"> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4025" class="ax_default box_1" onclick="showDialogWindow('DelayWindow')">
            <div id="u4025_div" class=""></div>
            <div id="u4025_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4026" class="ax_default box_1">
            <div id="u4026_div" class=""></div>
            <div id="u4026_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4027" class="ax_default box_1">
            <div id="u4027_div" class=""></div>
            <div id="u4027_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4028" class="ax_default box_1">
            <div id="u4028_div" class=""></div>
            <div id="u4028_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div> -->

        <!-- Unnamed (矩形) -->
        <!-- <div id="u4029" class="ax_default box_1">
            <div id="u4029_div" class=""></div>
            <div id="u4029_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div> -->

    <!-- Unnamed (矩形) -->
    <!-- <div id="u4030" class="ax_default _三级标题" onclick="showDialogWindow('DelayWindow')">
        <div id="u4030_div" class=""></div>
        <div id="u4030_text" class="text ">
            <p><span style="text-decoration:none;">延期订单数</span></p>
        </div>
    </div> -->

    <!-- 延期订单数 -->
    <!-- <div id="u4031" class="ax_default _一级标题" onclick="showDialogWindow('DelayWindow')">
        <div id="u4031_div" class=""></div>
        <div id="u4031_text" class="text ">
            <p><span style="text-decoration:none;">{{yqdds}}</span></p>
        </div>
    </div> -->

    <!-- Unnamed (组 合) -->
    <div id="u4032" class="ax_default" data-left="97" data-top="108.257359312881" data-width="451"
        data-height="16.7426406871193">

        <!-- Unnamed (线) -->
        <div id="u4033" class="ax_default line">
            <img id="u4033_img" class="img " src="images/u4033.svg" />
            <div id="u4033_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u4034" class="ax_default box_2">
            <img id="u4034_img" class="img " src="images/u4034.svg" />
            <div id="u4034_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4035" class="ax_default line">
            <img id="u4035_img" class="img " src="images/u4035.svg" />
            <div id="u4035_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4036" class="ax_default line">
            <img id="u4036_img" class="img " src="images/u4035.svg" />
            <div id="u4036_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4037" class="ax_default line">
            <img id="u4037_img" class="img " src="images/u4035.svg" />
            <div id="u4037_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4038" class="ax_default line">
            <img id="u4038_img" class="img " src="images/u4035.svg" />
            <div id="u4038_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4039" class="ax_default line">
            <img id="u4039_img" class="img " src="images/u4035.svg" />
            <div id="u4039_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4040" class="ax_default line">
            <img id="u4040_img" class="img " src="images/u4035.svg" />
            <div id="u4040_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4041" class="ax_default line">
            <img id="u4041_img" class="img " src="images/u4035.svg" />
            <div id="u4041_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4042" class="ax_default line">
            <img id="u4042_img" class="img " src="images/u4035.svg" />
            <div id="u4042_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4043" class="ax_default line">
            <img id="u4043_img" class="img " src="images/u4035.svg" />
            <div id="u4043_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4044" class="ax_default line">
            <img id="u4044_img" class="img " src="images/u4035.svg" />
            <div id="u4044_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4045" class="ax_default line">
            <img id="u4045_img" class="img " src="images/u4035.svg" />
            <div id="u4045_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4046" class="ax_default line">
            <img id="u4046_img" class="img " src="images/u4035.svg" />
            <div id="u4046_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4047" class="ax_default line">
            <img id="u4047_img" class="img " src="images/u4035.svg" />
            <div id="u4047_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4048" class="ax_default line">
            <img id="u4048_img" class="img " src="images/u4035.svg" />
            <div id="u4048_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4049" class="ax_default line">
            <img id="u4049_img" class="img " src="images/u4035.svg" />
            <div id="u4049_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4050" class="ax_default line">
            <img id="u4050_img" class="img " src="images/u4035.svg" />
            <div id="u4050_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4051" class="ax_default line">
            <img id="u4051_img" class="img " src="images/u4035.svg" />
            <div id="u4051_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (矩形) -->
    <!-- <div id="u4052" class="ax_default _三级标题">
        <div id="u4052_div" class=""></div>
        <div id="u4052_text" class="text ">
            <p><span style="text-decoration:none;">生产异常分布</span></p>
        </div>
    </div> -->

    <!-- Unnamed (组 合) -->
    <div id="u4053" class="ax_default" data-left="1322" data-top="108.25735931288" data-width="451"
        data-height="16.7426406871195">

        <!-- Unnamed (线) -->
        <div id="u4054" class="ax_default line">
            <img id="u4054_img" class="img " src="images/u4033.svg" />
            <div id="u4054_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u4055" class="ax_default box_2">
            <img id="u4055_img" class="img " src="images/u4034.svg" />
            <div id="u4055_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4056" class="ax_default line">
            <img id="u4056_img" class="img " src="images/u4035.svg" />
            <div id="u4056_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4057" class="ax_default line">
            <img id="u4057_img" class="img " src="images/u4035.svg" />
            <div id="u4057_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4058" class="ax_default line">
            <img id="u4058_img" class="img " src="images/u4035.svg" />
            <div id="u4058_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4059" class="ax_default line">
            <img id="u4059_img" class="img " src="images/u4035.svg" />
            <div id="u4059_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4060" class="ax_default line">
            <img id="u4060_img" class="img " src="images/u4035.svg" />
            <div id="u4060_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4061" class="ax_default line">
            <img id="u4061_img" class="img " src="images/u4035.svg" />
            <div id="u4061_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4062" class="ax_default line">
            <img id="u4062_img" class="img " src="images/u4035.svg" />
            <div id="u4062_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4063" class="ax_default line">
            <img id="u4063_img" class="img " src="images/u4035.svg" />
            <div id="u4063_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4064" class="ax_default line">
            <img id="u4064_img" class="img " src="images/u4035.svg" />
            <div id="u4064_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4065" class="ax_default line">
            <img id="u4065_img" class="img " src="images/u4035.svg" />
            <div id="u4065_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4066" class="ax_default line">
            <img id="u4066_img" class="img " src="images/u4035.svg" />
            <div id="u4066_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4067" class="ax_default line">
            <img id="u4067_img" class="img " src="images/u4035.svg" />
            <div id="u4067_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4068" class="ax_default line">
            <img id="u4068_img" class="img " src="images/u4035.svg" />
            <div id="u4068_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4069" class="ax_default line">
            <img id="u4069_img" class="img " src="images/u4035.svg" />
            <div id="u4069_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4070" class="ax_default line">
            <img id="u4070_img" class="img " src="images/u4035.svg" />
            <div id="u4070_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4071" class="ax_default line">
            <img id="u4071_img" class="img " src="images/u4035.svg" />
            <div id="u4071_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (线) -->
        <div id="u4072" class="ax_default line">
            <img id="u4072_img" class="img " src="images/u4035.svg" />
            <div id="u4072_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>
    </div>

    <!-- Unnamed (矩形) -->
    <!-- <div id="u4073" class="ax_default _三级标题">
        <div id="u4073_div" class=""></div>
        <div id="u4073_text" class="text ">
            <p><span style="text-decoration:none;">工单完成情况</span></p>
        </div>
    </div> -->

    <!--今日工单数-->
    <div id="workOrderWindow" class="dialogDiv">
        <div style="display: inline;">
            <div class="title">
                今日工单详情
            </div>
            <div class="close" onclick="closeDialogWindow('workOrderWindow')">
                X
            </div>
        </div>
        <div style="height: 420px;overflow: auto; margin-top: 20px;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目制号</th>
                    <th>件号</th>
                    <th>工序</th>
                    <th>工作内容</th>
                    <th>工单责任人</th>
                    <th>工单状态</th>
                    <th>工单进度</th>
                    <th>计划工时</th>
                    <th>实际工时</th>
                </tr>
                <tr v-for="item in workTableData" style="height: 45px;">
                    <td style="width: 150px;">{{ item.xmzh }}</td>
                    <td style="width: 80px;">{{ item.jh }}</td>
                    <td style="width: 150px;">{{ item.gx }}</td>
                    <td style="width: 200px;">{{ item.gznr }}</td>
                    <td style="width: 120px;">{{ item.gdzrrmz }}</td>
                    <td style="width: 100px;">{{ item.gdzt }}</td>
                    <td style="width: 220px; font-size: 18px;">
                        <el-progress :text-inside="true" :stroke-width="22" :percentage="item.gdjd"
                            style="width: 160px;" :color="customColors">
                        </el-progress>
                    </td>
                    <td style="width: 80px;">{{ item.jhgs }}</td>
                    <td style="width: 80px;">{{ item.sjgs }}</td>
                </tr>
            </table>
        </div>

    </div>

    <!--今日完工数-->
    <div id="workOrderDoneWindow" class="dialogDiv">
        <div style="display: inline;">
            <div class="title">
                今日完工详情
            </div>
            <div class="close" onclick="closeDialogWindow('workOrderDoneWindow')">
                X
            </div>
        </div>
        <div style="height: 420px;overflow: auto; margin-top: 20px;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目制号</th>
                    <th>件号</th>
                    <th>工序</th>
                    <th>工作内容</th>
                    <th>工单责任人</th>
                    <th>工单状态</th>
                    <th>工单进度</th>
                    <th>计划工时</th>
                    <th>实际工时</th>
                </tr>
                <tr v-for="item in workTableDoneData" style="height: 45px;">
                    <td style="width: 150px;">{{ item.xmzh }}</td>
                    <td style="width: 80px;">{{ item.jh }}</td>
                    <td style="width: 150px;">{{ item.gx }}</td>
                    <td style="width: 200px;">{{ item.gznr }}</td>
                    <td style="width: 120px;">{{ item.gdzrrmz }}</td>
                    <td style="width: 100px;">{{ item.gdzt }}</td>
                    <td style="width: 220px; font-size: 18px;">
                        <el-progress :text-inside="true" :stroke-width="22" :percentage="item.gdjd"
                            style="width: 160px;" :color="customColors">
                        </el-progress>
                    </td>
                    <td style="width: 80px;">{{ item.jhgs }}</td>
                    <td style="width: 80px;">{{ item.sjgs }}</td>
                </tr>
            </table>
        </div>

    </div>

    <!--今日异常-->
    <div id="exceptionWindow" class="dialogDiv">
        <div style="display: inline;">
            <div class="title">
                今日异常详情
            </div>
            <div class="close" onclick="closeDialogWindow('exceptionWindow')">
                X
            </div>
        </div>
        <div style="height: 420px;overflow: auto; margin-top: 20px;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目制号</th>
                    <th>制件名称</th>
                    <th>异常说明</th>
                    <th>异常发起人</th>
                    <th>发起时间</th>
                    <th>处理状态</th>
                    <th>处理时间</th>
                </tr>
                <tr v-for="item in exceptionTableData" style="height: 45px;">
                    <td style="width: 100px;">{{ item.xmzh }}</td>
                    <td style="width: 150px;">{{ item.zjmc }}</td>
                    <td style="width: 200px;">{{ item.ycyy }}</td>
                    <td style="width: 120px;">{{ item.gdbtrmz }}</td>
                    <td style="width: 150px;">{{ item.ycsj }}</td>
                    <td style="width: 120px;">{{ item.clzt }}</td>
                    <td style="width: 150px;">{{ item.clsj }}</td>
                </tr>
            </table>
        </div>

    </div>

    <!--异常未完成-->
    <div id="exceptionNotDoneWindow" class="dialogDiv">
        <div style="display: inline;">
            <div id="todayDiv" onclick="todayHandleClick()" class="exceptionTitle" style="color: #ffffff;">
                今日异常
            </div>
            <div id="notDoneDiv" onclick="notDoneHandleClick()" class="exceptionTitle">
                未完成异常详情
            </div>
            <div class="close" onclick="closeDialogWindow('exceptionNotDoneWindow')">
                X
            </div>
        </div>
        <div id="today" style="height: 420px;overflow: auto; margin-top: 20px;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目制号</th>
                    <th>制件名称</th>
                    <th>异常说明</th>
                    <th>异常发起人</th>
                    <th>发起时间</th>
                    <th>处理状态</th>
                    <th>处理时间</th>
                </tr>
                <tr v-for="item in exceptionTableData" style="height: 45px;">
                    <td style="width: 100px;">{{ item.xmzh }}</td>
                    <td style="width: 150px;">{{ item.zjmc }}</td>
                    <td style="width: 200px;">{{ item.ycyy }}</td>
                    <td style="width: 120px;">{{ item.gdbtrmz }}</td>
                    <td style="width: 150px;">{{ item.ycsj }}</td>
                    <td style="width: 120px;">{{ item.clzt }}</td>
                    <td style="width: 150px;">{{ item.clsj }}</td>
                </tr>
            </table>
        </div>
        <div id="notDone" style="height: 420px;overflow: auto; margin-top: 20px;display: none;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目制号</th>
                    <th>制件名称</th>
                    <th>异常说明</th>
                    <th>异常发起人</th>
                    <th>发起时间</th>
                    <th>处理状态</th>
                    <th>处理时间</th>
                </tr>
                <tr v-for="item in exceptionNotDoneTableData" style="height: 45px;">
                    <td style="width: 100px;">{{ item.xmzh }}</td>
                    <td style="width: 150px;">{{ item.zjmc }}</td>
                    <td style="width: 200px;">{{ item.ycyy }}</td>
                    <td style="width: 120px;">{{ item.gdbtrmz }}</td>
                    <td style="width: 150px;">{{ item.ycsj }}</td>
                    <td style="width: 120px;">{{ item.clzt }}</td>
                    <td style="width: 150px;">{{ item.clsj }}</td>
                </tr>
            </table>
        </div>

    </div>

    <!--今日压件计划-->
    <div id="PressureWindow" class="dialogDiv">
        <div style="display: inline;">
            <div id="yjjhDiv" onclick="todayYjClick()" class="exceptionTitle" style="color: #ffffff;">
                压件计划
            </div>
            <div id="qgjhDiv" onclick="todayQgClick()" class="exceptionTitle">
                切割计划
            </div>
            <div class="close" onclick="closeDialogWindow('PressureWindow')">
                X
            </div>
        </div>
        <div id="yjjh" style="height: 420px;overflow: auto; margin-top: 20px;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目名称</th>
                    <th>项目制号</th>
                    <th>客户名称</th>
                    <th>零件名称</th>
                    <th>责任人</th>
                    <th>交样数量</th>
                    <th>交样日期</th>
                    <th>品质要求</th>
                    <th>完成状态</th>
                </tr>
                <tr v-for="item in pressureTableData" style="height: 45px;">
                    <td style="width: 100px;">{{ item.xmmc }}</td>
                    <td style="width: 100px;">{{ item.xmzh }}</td>
                    <td style="width: 200px;">{{ item.khmc }}</td>
                    <td style="width: 120px;">{{ item.ljmc }}</td>
                    <td style="width: 80px;">{{ item.zrrmz }}</td>
                    <td style="width: 80px;">{{ item.jysl }}</td>
                    <td style="width: 150px;">{{ item.jyrq }}</td>
                    <td style="width: 80px;">{{ item.pzyq }}</td>
                    <td style="width: 200px;">
                        <span>
                            <el-tag v-if="item.yjzt === '已完成'" type="success">压件</el-tag>
                            <el-tag v-else type="danger">压件</el-tag>
                        </span>
                        <span>
                            <el-tag v-if="item.qgzt === '已完成'" type="success">切割</el-tag>
                            <el-tag v-else type="danger">切割</el-tag>
                        </span>
                        <span>
                            <el-tag v-if="item.pszt === '已完成'" type="success">喷砂</el-tag>
                            <el-tag v-else type="danger">喷砂</el-tag>
                        </span>
                        <span>
                            <el-tag v-if="item.bzzt === '已完成'" type="success">包装</el-tag>
                            <el-tag v-else type="danger">包装</el-tag>
                        </span>
                    </td>
                </tr>
            </table>
        </div>

        <div id="qgjh" style="height: 420px;overflow: auto; margin-top: 20px;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目名称</th>
                    <th>项目制号</th>
                    <th>客户名称</th>
                    <th>零件名称</th>
                    <th>责任人</th>
                    <th>交样数量</th>
                    <th>交样日期</th>
                    <th>品质要求</th>
                    <th>完成状态</th>
                </tr>
                <tr v-for="item in cutTableData" style="height: 45px;">
                    <td style="width: 100px;">{{ item.xmmc }}</td>
                    <td style="width: 100px;">{{ item.xmzh }}</td>
                    <td style="width: 200px;">{{ item.khmc }}</td>
                    <td style="width: 120px;">{{ item.ljmc }}</td>
                    <td style="width: 80px;">{{ item.zrrmz }}</td>
                    <td style="width: 80px;">{{ item.jysl }}</td>
                    <td style="width: 150px;">{{ item.jyrq }}</td>
                    <td style="width: 80px;">{{ item.pzyq }}</td>
                    <td style="width: 200px;">
                        <span>
                            <el-tag v-if="item.yjzt === '已完成'" type="success">压件</el-tag>
                            <el-tag v-else type="danger">压件</el-tag>
                        </span>
                        <span>
                            <el-tag v-if="item.qgzt === '已完成'" type="success">切割</el-tag>
                            <el-tag v-else type="danger">切割</el-tag>
                        </span>
                        <span>
                            <el-tag v-if="item.pszt === '已完成'" type="success">喷砂</el-tag>
                            <el-tag v-else type="danger">喷砂</el-tag>
                        </span>
                        <span>
                            <el-tag v-if="item.bzzt === '已完成'" type="success">包装</el-tag>
                            <el-tag v-else type="danger">包装</el-tag>
                        </span>
                    </td>
                </tr>
            </table>
        </div>

    </div>

    <!--延期订单-->
    <div id="DelayWindow" class="dialogDiv">
        <div style="display: inline;">
            <div class="title">
                延期项目详情
            </div>
            <div class="close" onclick="closeDialogWindow('DelayWindow')">
                X
            </div>
        </div>
        <div style="height: 420px;overflow: auto; margin-top: 20px;">
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1200px;">
                <tr style=" height: 55px;">
                    <th>项目制号</th>
                    <th>生产状态</th>
                    <th>生产进度</th>
                    <th>验收交期</th>
                    <th>计划开始日期</th>
                    <th>计划结束日期</th>
                    <!-- <th>工单总数</th>
                    <th>完工数量</th> -->
                    <th>异常数量</th>
                </tr>
                <tr v-for="item in delayData" style="height: 45px;">
                    <td style="width: 100px;">{{ item.xmzh }}</td>
                    <td style="width: 100px;">{{ item.sczt }}</td>
                    <td style="width: 100px;">{{ item.scjd }}</td>
                    <td style="width: 120px;">{{ item.ysjq }}</td>
                    <td style="width: 120px;">{{ item.scjhksrq }}</td>
                    <td style="width: 120px;">{{ item.scjhjsrq }}</td>
                    <!-- <td style="width: 80px;">{{ item.scdsl }}</td>
                    <td style="width: 80px;">{{ item.scdwgsl }}</td> -->
                    <td style="width: 80px;"> {{ item.scdycsl }} </td>
                </tr>
            </table>
        </div>

    </div>

    <!--项目详细进度-->
    <div id="ProjectProcess" class="dialogDiv2">
        <div style="display: inline;">
            <div class="title">
                项目：{{activeXmmc}} 制号：{{activeXmzh}} 详细进度
            </div>
            <div class="close" onclick="closeDialogWindow('ProjectProcess')">
                X
            </div>
        </div>
        <div style="height: 640px;overflow: auto; margin-top: 20px;">
            <el-col :span="4" v-for="item in processList" style="margin-bottom:15px;">
                <table class="processTable processTableBorder">
                    <tr class="processTableBorder">
                        <td colspan="4" class="processTableBorder">
                            <el-tag v-if="item.status === '正常'" type="success" size="medium">{{item.processName}}
                            </el-tag>
                            <el-tag v-else type="danger" size="medium">{{item.processName}}</el-tag>
                        </td>
                    </tr>
                    <tr class="processTableBorder">
                        <td colspan="2" class="processTableBorder">计划</td>
                        <td colspan="2" class="processTableBorder">实际</td>
                    </tr>
                    <tr class="processTableBorder">
                        <td class="processTableBorder" style="width:25%;">
                            {{item.jhksrq}}
                        </td>
                        <td class="processTableBorder" style="width:25%;">
                            {{item.jhjsrq}}
                        </td style="width:25%;">
                        <td class="processTableBorder" style="width:25%;">
                            {{item.sjksrq}}
                        </td>
                        <td class="processTableBorder" style="width:25%;">
                            {{item.sjjsrq}}
                        </td>
                    </tr>
                    <tr class="processTableBorder">
                        <td colspan="4" class="processTableBorder">
                            <el-progress :text-inside="true" :stroke-width="26" :percentage="item.scjd"
                                :color="customColors">
                            </el-progress>
                        </td>
                    </tr>
                </table>
            </el-col>
        </div>

    </div>

    <!--项目采购详情-->
    <div id="ProjectPurchase" class="dialogDiv2">
        <div style="display: inline;">
            <div class="title">
                项目：{{activeXmmc}} 制号：{{activeXmzh}} 采购详情
            </div>
            <div class="close" onclick="closeDialogWindow('ProjectPurchase')">
                X
            </div>
        </div>
        <div style="height: 640px;overflow: auto; margin-top: 20px;">
            <el-button v-for="item in flOptions" type="primary" @click="handlePurchaseClick(item)">
                {{item}}
            </el-button>
            <table border="0" cellspacing="0" style="margin:20px 10px; width: 1350px;">
                <tr style=" height: 55px;">
                    <th style="width: 200px;">物料名称</th>
                    <th style="width: 100px;">件号</th>
                    <th style="width: 100px;">所需数量</th>
                    <th style="width: 150px;">采购日期</th>
                    <th style="width: 150px;">计划到货日期</th>
                    <th style="width: 150px;">实际到货日期</th>
                    <th style="width: 150px;">入库日期</th>
                    <th style="width: 150px;"></th>
                    <th style="width: 100px;">入库数量</th>
                    <th style="width: 100px;"></th>
                </tr>
                <tr v-for="item in purchaseData" style="height: 45px;">
                    <td style="width: 200px;">{{ item.wlmc }}</td>
                    <td style="width: 100px;">{{ item.jh }}</td>
                    <td style="width: 100px;">{{ item.sl }}</td>
                    <td style="width: 150px;">{{ item.cgrq }}</td>
                    <td style="width: 150px;">{{ item.jhdhrq }}</td>
                    <td style="width: 150px;">{{ item.sjdhrq }}</td>
                    <td style="width: 150px;">{{ item.rkrq }}</td>
                    <td style="width: 150px;">{{ item.ckrq }}</td>
                    <td style="width: 100px;"> {{ item.rksl }} </td>
                    <td style="width: 100px;"> {{ item.cksl }} </td>
                </tr>
            </table>
        </div>

    </div>

    </template>
    </div>
    <script>
        var app = new Vue({
            el: '#base',
            data: {
                scdd: 0,
                jrgds: 0,
                jrwgs: 0,
                ycqk: 0,
                ycwwc: 0,
                yqdds: 0,
                jryj: 0,
                jrqg: 0,
                pieEchart: undefined,
                barEchart: undefined,
                pieEchartData: {
                    tooltip: {
                        trigger: 'none'
                    },
                    legend: {
                        show: false,
                        top: '5%',
                        left: 'center'
                    },
                    series: [{
                        name: '异常分布情况',
                        type: 'pie',
                        radius: ['50%', '80%'],
                        avoidLabelOverlap: false,
                        itemStyle: {
                            borderRadius: 8,
                            borderColor: '#fff',
                            borderWidth: 1,
                            normal: {
                                label: {
                                    show: true,
                                    formatter: '{b} : {c}',
                                    color: "#ffffff",
                                    fontSize: '15px'
                                },
                                labelLine: {
                                    show: true
                                }
                            }
                        },
                        emphasis: {
                            label: {
                                show: false,
                                fontSize: '40',
                                fontWeight: 'bold'
                            }
                        },
                        data: []
                    }]
                },
                barEchartData: {
                    tooltip: {
                        show: true,
                        trigger: 'none',
                        axisPointer: { // Use axis to trigger tooltip
                            type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
                        }
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        containLabel: true
                    },
                    label: {
                        show: true,
                        color: "#ffffff"
                    },
                    xAxis: {
                        type: 'category',
                        axisLabel: {
                            color: "#ffffff"
                        },
                        data: []
                    },
                    yAxis: {
                        type: 'value',
                        axisLabel: {
                            color: "#ffffff"
                        },
                    },
                    series: []
                },
                tableData: [],
                workOrderDialog: false,
                customColors: [{
                    color: '#f56c6c',
                    percentage: 20
                },
                {
                    color: '#e6a23c',
                    percentage: 40
                },
                {
                    color: '#6f7ad3',
                    percentage: 60
                },
                {
                    color: '#1989fa',
                    percentage: 80
                },
                {
                    color: '#5cb87a',
                    percentage: 100
                }
                ],
                workTableData: [],
                workTableDoneData: [],
                exceptionTableData: [],
                exceptionNotDoneTableData: [],
                pressureTableData: [],
                delayData: [],
                processList: [],
                serverUrl: 'https://localhost:44322/', //https://localhost:44322/,http://mesapi.jslyun.com/
                cutTableData: [],
                activeXmmc: undefined,
                activeXmzh: undefined,
                activeXmid: undefined,
                purchaseData: [],
                flOptions: []
            },
            created() {

            },
            methods: {
                Init() {
                    //看板数据
                    axios.get(this.serverUrl + 'api/dashboard')
                        .then(res => {
                            if (res.data.code === 0) {
                                this.scdd = res.data.data.scdd;
                                this.jrgds = res.data.data.jrgds;
                                this.jrwgs = res.data.data.jrwgs;
                                this.ycqk = res.data.data.ycqk;
                                this.ycwwc = res.data.data.ycwwc;
                                this.yqdds = res.data.data.yqdds;
                                this.jryj = res.data.data.jryj;
                                this.jrqg = res.data.data.jrqg;
                                this.delayData = res.data.data.delayProductions;
                                this.pieEchartData.series[0].data = res.data.data.pieDataList
                                this.barEchartData.xAxis.data = res.data.data.barData.xAxisData;
                                this.barEchartData.series = []
                                this.barEchartData.series.push({
                                    name: '已完成',
                                    type: 'bar',
                                    stack: 'total',
                                    barWidth: '40', //设置柱宽度
                                    label: {
                                        show: true
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: res.data.data.barData.doneData
                                })
                                this.barEchartData.series.push({
                                    name: '未完成',
                                    type: 'bar',
                                    stack: 'total',
                                    barWidth: '40', //设置柱宽度
                                    label: {
                                        show: true
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: res.data.data.barData.notDoneData
                                })
                                this.tableData = res.data.data.productions;

                                //this.pieEchart = echarts.init(document.getElementById('u3943'));
                                //this.pieEchart.setOption(this.pieEchartData, true);

                                //this.barEchart = echarts.init(document.getElementById("u3715"));
                                //this.barEchart.setOption(this.barEchartData, true);
                            }
                        })
                        .catch(function (error) {
                            console.log(error);
                        });
                    //今日工单数据
                    let currDate = new Date();
                    let currDateString =
                        `${currDate.getFullYear()}-${currDate.getMonth() + 1}-${currDate.getDate()}`;
                    let workOrderRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.pgsj',
                            content: `${currDateString} 00:00:00,${currDateString} 23:59:59`,
                            condition: 10
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetWorkTime', {
                        params: {
                            requestObject: JSON.stringify(workOrderRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.workTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
                    //今日完工数据
                    let workOrderDoneRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.gdsjjssj',
                            content: `${currDateString} 00:00:00,${currDateString} 23:59:59`,
                            condition: 10
                        }, {
                            column: 't.gdjd',
                            content: 100,
                            condition: 0
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetWorkTime', {
                        params: {
                            requestObject: JSON.stringify(workOrderDoneRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.workTableDoneData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //今日异常数据
                    let exceptionRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.ycsj',
                            content: `${currDateString} 00:00:00,${currDateString} 23:59:59`,
                            condition: 10
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetException2', {
                        params: {
                            requestObject: JSON.stringify(exceptionRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.exceptionTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //未完成异常
                    let exceptionNotRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.clzt',
                            content: `已处理`,
                            condition: 5
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetException2', {
                        params: {
                            requestObject: JSON.stringify(exceptionNotRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.exceptionNotDoneTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //今日压件计划
                    let pressureRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetPressure', {
                        params: {
                            requestObject: JSON.stringify(pressureRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.pressureTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //今日切割计划
                    let cutRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetCut', {
                        params: {
                            requestObject: JSON.stringify(cutRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.cutTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
                },
                handleDetails(item) {
                    this.activeXmmc = item.xmmc;
                    this.activeXmzh = item.xmzh;
                    this.GetProcess(item.xmid);
                    showDialogWindow('ProjectProcess');
                },
                handlePurchase(item) {
                    this.activeXmmc = item.xmmc;
                    this.activeXmzh = item.xmzh;
                    this.activeXmid = item.xmid;
                    this.GetFlmc(item.xmid);
                    showDialogWindow('ProjectPurchase');
                },
                handlePurchaseClick(flmc) {
                    axios.get(this.serverUrl + 'api/Dashboard/GetBom', {
                        params: {
                            xmid: this.activeXmid,
                            flmc: flmc
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.purchaseData = res.data.data;
                        } else {
                            this.purchaseData = []
                        }
                    }).catch(err => {
                        this.$message(err)
                    })
                },
                GetProcess(xmid) {
                    axios.get(this.serverUrl + 'api/Dashboard/GetProcess', {
                        params: {
                            xmid: xmid
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.processList = res.data.data;
                        } else {
                            this.processList = []
                        }
                    }).catch(err => {
                        this.$message(err)
                    })
                },
                GetFlmc(xmid) {
                    axios.get(this.serverUrl + 'api/Dashboard/GetLjfl', {
                        params: {
                            xmid: xmid
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.flOptions = res.data.data;
                            this.purchaseData = [];
                        } else {
                            this.flOptions = [];
                            this.purchaseData = [];
                        }
                    }).catch(err => {
                        this.$message(err)
                    })
                },
            },
            mounted() {
                this.timer = setInterval(() => {
                    axios.get(this.serverUrl + 'api/dashboard',)
                        .then(res => {
                            if (res.data.code === 0) {
                                this.scdd = res.data.data.scdd;
                                this.jrgds = res.data.data.jrgds;
                                this.jrwgs = res.data.data.jrwgs;
                                this.ycqk = res.data.data.ycqk;
                                this.ycwwc = res.data.data.ycwwc;
                                this.yqdds = res.data.data.yqdds;
                                this.jryj = res.data.data.jryj;
                                this.jryj = res.data.data.jryj;
                                this.delayData = res.data.data.delayProductions;
                                this.pieEchartData.series[0].data = res.data.data.pieDataList
                                this.barEchartData.xAxis.data = res.data.data.barData.xAxisData;
                                this.barEchartData.series = []
                                this.barEchartData.series.push({
                                    name: '已完成',
                                    type: 'bar',
                                    stack: 'total',
                                    barWidth: '40',
                                    label: {
                                        show: true
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: res.data.data.barData.doneData
                                })
                                this.barEchartData.series.push({
                                    name: '未完成',
                                    type: 'bar',
                                    stack: 'total',
                                    barWidth: '40', //设置柱宽度
                                    label: {
                                        show: true
                                    },
                                    emphasis: {
                                        focus: 'series'
                                    },
                                    data: res.data.data.barData.notDoneData
                                })
                                this.tableData = res.data.data.productions;

                                this.pieEchart = echarts.init(document.getElementById('u3943'));
                                this.pieEchart.setOption(this.pieEchartData, true);

                                this.barEchart = echarts.init(document.getElementById("u3715"));
                                this.barEchart.setOption(this.barEchartData, true);
                            }
                        })
                        .catch(function (error) {
                            console.log(error);
                        });

                    //今日工单数据
                    let currDate = new Date();
                    let currDateString =
                        `${currDate.getFullYear()}-${currDate.getMonth() + 1}-${currDate.getDate()}`;
                    let workOrderRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.pgsj',
                            content: `${currDateString} 00:00:00,${currDateString} 23:59:59`,
                            condition: 10
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetWorkTime', {
                        params: {
                            requestObject: JSON.stringify(workOrderRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.workTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });
                    //今日完工数据
                    let workOrderDoneRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.gdsjjssj',
                            content: `${currDateString} 00:00:00,${currDateString} 23:59:59`,
                            condition: 10
                        }, {
                            column: 't.gdjd',
                            content: 100,
                            condition: 0
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetWorkTime', {
                        params: {
                            requestObject: JSON.stringify(workOrderDoneRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.workTableDoneData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //今日异常数据
                    let exceptionRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.ycsj',
                            content: `${currDateString} 00:00:00,${currDateString} 23:59:59`,
                            condition: 10
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetException2', {
                        params: {
                            requestObject: JSON.stringify(exceptionRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.exceptionTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //今日异常数据
                    let exceptionNotRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [{
                            column: 't.clzt',
                            content: `已处理`,
                            condition: 5
                        }],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetException2', {
                        params: {
                            requestObject: JSON.stringify(exceptionNotRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.exceptionNotDoneTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //今日压件计划
                    let pressureRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetPressure', {
                        params: {
                            requestObject: JSON.stringify(pressureRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.pressureTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                    //今日切割计划
                    let cutRequest = {
                        isPaging: false,
                        pageSize: 25,
                        pageIndex: 1,
                        postData: null,
                        postDataList: null,
                        queryConditions: [],
                        orderByConditions: []
                    }
                    axios.get(this.serverUrl + 'api/dashboard/GetCut', {
                        params: {
                            requestObject: JSON.stringify(cutRequest)
                        }
                    }).then(res => {
                        if (res.data.code === 0) {
                            this.cutTableData = res.data.data
                        }
                    }).catch(function (error) {
                        console.log(error);
                    });

                }, 60000);
                this.$nextTick(() => {
                    this.Init();
                })
            }
        });

        function showDialogWindow(dialogWindowId) {
            let el = document.getElementById(dialogWindowId);
            el.style.display = "block";
        }

        function closeDialogWindow(dialogWindowId) {
            let el = document.getElementById(dialogWindowId);
            el.style.display = "none";
        }

        function todayHandleClick() {
            let el = document.getElementById("todayDiv");
            el.style.color = "#ffffff";
            let el2 = document.getElementById("notDoneDiv");
            el2.style.color = "#0EE4F9";
            let el3 = document.getElementById("today");
            el3.style.display = "block";
            let el4 = document.getElementById("notDone");
            el4.style.display = "none";

        }

        function notDoneHandleClick() {
            let el = document.getElementById("todayDiv");
            el.style.color = "#0EE4F9";
            let el2 = document.getElementById("notDoneDiv");
            el2.style.color = "#ffffff";
            let el3 = document.getElementById("today");
            el3.style.display = "none";
            let el4 = document.getElementById("notDone");
            el4.style.display = "block";
        }

        function todayYjClick() {
            let el = document.getElementById("yjjhDiv");
            el.style.color = "#ffffff";
            let el2 = document.getElementById("qgjhDiv");
            el2.style.color = "#0EE4F9";
            let el3 = document.getElementById("yjjh");
            el3.style.display = "block";
            let el4 = document.getElementById("qgjh");
            el4.style.display = "none";
        }

        function todayQgClick() {
            let el = document.getElementById("yjjhDiv");
            el.style.color = "#0EE4F9";
            let el2 = document.getElementById("qgjhDiv");
            el2.style.color = "#ffffff";
            let el3 = document.getElementById("yjjh");
            el3.style.display = "none";
            let el4 = document.getElementById("qgjh");
            el4.style.display = "block";
        }
    </script>
    <style>
        .el-progress-bar__innerText {
            font-size: 18px;
            /* text-align: right; */
            color: dimgray;
        }

        .processTableBorder {
            border: 1px solid dimgray;
        }

        .processTable {
            width: 200px;
            text-align: center;
            border-collapse: collapse;
            padding: 2px;
            margin: 10px;
        }

        table,
        tr,
        td {
            margin: 0;
            padding: 0;
            text-align: left;
            color: white;
            font-size: 16px;
            font-weight: 600;
        }

        tr {
            height: 45px;
        }

        table {
            width: 1596px;
        }

        table tr:nth-child(even) {
            background: #041e43;
        }

        table tr:nth-child(odd) {
            background: #031836;
        }

        .td1 {
            width: 200px;
        }

        .td2 {
            width: 120px;
        }

        .td3 {
            width: 150px;
        }

        .dialogDiv {
            position: absolute;
            top: 280px;
            left: 290px;
            display: none;
            width: 1220px;
            height: 480px;
            background-color: #081d50;
            border: 1px solid #072738;
            border-radius: 15px;
            box-shadow: 0px 0px 10px #0EE4F9;
            z-index: 99;
        }

        .dialogDiv2 {
            position: absolute;
            top: 160px;
            left: 290px;
            display: none;
            width: 1400px;
            height: 700px;
            background-color: #081d50;
            border: 1px solid #072738;
            border-radius: 15px;
            box-shadow: 0px 0px 10px #0EE4F9;
            z-index: 99;
        }

        .dialogDiv2 .title {
            position: relative;
            top: 10px;
            left: 40%;
            color: #0EE4F9;
            font-size: 20px;
            display: inline-block;
        }

        .dialogDiv .title {
            position: relative;
            top: 10px;
            left: 45%;
            color: #0EE4F9;
            font-size: 20px;
            display: inline-block;
        }

        .dialogDiv .exceptionTitle {
            position: relative;
            top: 15px;
            left: 15px;
            color: #0EE4F9;
            font-size: 20px;
            display: inline-block;
            border: 1px solid #0EE4F9;
            padding: 3px 10px;
            border-radius: 3px;
            cursor: pointer;
        }

        .dialogDiv .close {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 10px;
            right: 0px;
            color: white;
            display: inline-block;
            text-align: center;
        }

        .dialogDiv2 .close {
            position: absolute;
            width: 30px;
            height: 30px;
            top: 10px;
            right: 0px;
            color: white;
            display: inline-block;
            text-align: center;
        }

        .dialogDiv .close:hover {
            cursor: pointer;
        }

        .dialogDiv2 .close:hover {
            cursor: pointer;
        }
    </style>
</body>

</html>